<template>
	<div class="a">
       <div class="b">
         <div class="c" @click="link('/market/msg/notice')">
            <div>
            	<van-icon name="thumb-circle" color="#f73037" size="45" dot>            		
            	</van-icon>
            </div>
            <div>通知消息</div>
         </div>
         <div class="c" @click="link('/market/msg/interaction')">         	
            <div>
            	<van-icon name="comment-circle" color="#3086f2" size="45" class="icon" info="99+">            	   
                </van-icon>
            </div>
            <div>互动消息</div>         	
         </div>
         <div class="c" @click="link('/market/msg/activity')">
            <div>
            	<van-icon name="warning" color="#ee3b84" size="45" dot>            		
            	</van-icon>
            </div>
            <div>活动消息</div>         	
         </div>

       </div>
	</div>	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
    
       }
	},
	methods: {	

	},
	mixins:[publicFun],//混入		
	mounted() {
	}
}	
</script>

<style scoped="" lang="scss">
.a{margin-top: -70px;padding: 0 10px;}
.b{background: #fff;border-radius: 15px;padding: 20px 25px 10px;display: flex;box-shadow: 0px 5px 5px #eee;}
.c{flex: 1;text-align: center;}
.icon{position: relative}
.van-info{top: 4px;right: 6px;}
</style>